@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0;}
body{font-size: 14px; background: #fff; font-family: "Microsoft Yahei"; color: #404040;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #404040; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .6s ease;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th,strong{font-weight: 800;}
img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clear{zoom: 1;}
.clear:after{content: "."; display: block; visibility: hidden; height: 0; clear: both;}
.content{width: 1200px; margin: 0 auto; position: relative;}
/*右侧菜单*/
.right_menu{width: 80px; position: fixed; right: 20px; top: 50%; margin-top: -181px; z-index: 9999; text-align: center; background: #fff;}
.right_menu > p{height: 50px; line-height: 50px; background: #ffa200; font-size: 16px; color: #fff; overflow: hidden;}
.right_menu > p a{display: block; width: 100%; height: 100%; color: #fff;}
.right_menu li{margin-top: 2px; width: 80px; height: 80px; background: #0095a1; transition: all .8s; position: relative;}
.right_menu li i{display: block; width: 100%; height: 30px; padding-top: 10px;}
.right_menu li i.r_i1{background: url(../images/r_qq.png) no-repeat center 16px;}
.right_menu li i.r_i2{background: url(../images/r_tel.png) no-repeat center 16px;}
.right_menu li p{height: 32px; line-height: 32px; color: #fff; text-align: center;}
.right_menu li:hover{background: #ffa200;}
.r_tel{width: 200px; height: 80px; line-height: 80px; position: absolute; right: 80px; top: 0; background: #ffa200; font-size: 19px; color: #fff; transition: all .8s; opacity: 0; filter: alpha(opacity: 0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden;}
.right_menu li:hover .r_tel{opacity: 1; filter: alpha(opacity: 100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible;}
.right_menu li.Gotop{background: none; cursor: pointer; display: none; transition: all 0s;}
.right_menu li.Gotop:hover{background: none;}
.right_menu li.Gotop a{display: block; width: 100%; height: 100%; transition: all .8s; background-image: url(../images/r_top.png); background-repeat: no-repeat; background-position: center; background-color: #0095a1;}
.right_menu li.Gotop a:hover{background-color: #ffa200;}
/*头部*/
.header{padding: 20px 0 20px 0;}
.logo{float: left; height: 80px; position: relative; padding-right: 30px;}
.logo img{height: 100%;}
.logo i{display: block; width:0px; height: 20px; background: #dcdcdc; position: absolute; right: 0; top: 50%; margin-top: -10px;}
.head_txt{float: left; margin-left: 14px; padding-top:5px;}
.head_txt p{height: 28px; line-height: 28px;}
.head_txt p.p1{font-size: 22px; color: #0773da;}
.head_txt p.p1 span{margin: 0 4px;}
.head_txt p.p2{font-size: 16px; margin-top:5px; line-height:20px;}
.head_tel{float: right; padding-left: 60px; margin-top: 20px; background: url(../images/h_tel_bg.png) no-repeat left center;}
.head_tel p.p1{font-size: 16px; height: 24px; line-height: 24px; color: #000;}
.head_tel p.p2{font-size: 24px; font-weight: 800; height: 30px;line-height: 30px; color: #ffa200;}
.nav{background: #0773da;}
.nav .content{overflow: hidden;}
.nav ul{margin-left: -1px;display: flex;}
.nav li{ padding: 0 4px; position: relative;width: 100%;text-align: center;}
.nav li i{display: block; width: 1px; height: 24px; background: #fff; opacity: .2; position: absolute; left: 0; top: 50%; margin-top: -12px;}
.nav li a{display: block; height: 50px; line-height: 50px; padding: 0 25px; color: #fff !important; font-size: 16px;}
.nav .active a,.nav a:hover{background: #ffa200;}
.active11{background: #ffa200;}


.ny_banner{ margin-top:10px;}




/*客户留言*/
.i_b13{background: url(../images/i13_bg.jpg) no-repeat center top; background-size: cover; padding: 26px 0 64px 0;}
.i13_nav{overflow: hidden; position: relative;}
.i13_nav:before{display: block; content: ""; width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; filter: alpha(opacity: 20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2;}
.i13_nav ul{margin-left: -1px;}
.i13_nav li{float: left; padding: 0 4px; position: relative;}
.i13_nav li i{display: block; width: 1px; height: 24px; background: #fff; opacity: .2; position: absolute; left: 0; top: 50%; margin-top: -12px;}
.i13_nav li a{display: block; height: 50px; line-height: 50px; padding: 0 18px; color: #fff !important; font-size: 16px;}
.i13_nav li a:hover{color: #ffa200 !important;}
.i_b13 .i_title{color: #fff; padding: 30px 0; margin-top: 16px;}
.i_b13_box{margin: 0 -90px; color: #fff;}
.i_b13_box a{color: #fff;}
.i_b13_l{width: 740px; float: left; position: relative;}
.i_b13_l:before{display: block; content: ""; width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; filter: alpha(opacity: 60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; z-index: 1; border-radius: 6px;}
.i_b13_text{position: relative; z-index: 2; padding: 30px 20px 10px 20px;}
.i_b13_text h3{font-size: 24px; font-weight: normal;}
.i_b13_text h3 span{color: #ffa200;}
.i_b13_row{display: table; border-collapse: collapse; width: 100%;}
.i_b13_item{display: table-header-group;}
.i_b13_head ul,.i_b13_list ul{display: table-row;}
.i_b13_head li,.i_b13_list li{display: table-cell;}
.i_b13_item li{padding: 12px 22px 12px 4px;}
.i_b13_head li{border-bottom: 4px solid #ffa200; font-size: 22px; font-weight: normal; text-align: left; line-height: 24px;}
.i_b13_list{padding: 10px 0;}
.i_b13_list li{font-size: 20px;}
.i_b13_item li.i13_w1{width: 100px;}
.i_b13_item li.i13_w2{width: 160px;}
.i_b13_item li.i13_w3{width: 194px;}
.i_b13_item li.i13_w4{width: 142px;}
.i_b13_item li a:hover{color: #ffa200;}
.i_b13_r{width: 600px; float: right;}
.i_b13_r li{overflow: hidden; padding: 7px 0;}
.i_b13_r li span{width: 80px; font-size: 23px; display: block; height: 32px; line-height: 32px; float: left; position: relative; padding-right: 24px; letter-spacing: 3px;}
.i_b13_r li span:after{display: block; content: "："; position: absolute; right: 0; top: 0;}
.i_b13_r li em{display: block; width: 490px; float: right;}
.i_b13_r li em input[type="text"]{display: block; width: 330px; height: 28px; line-height: 28px; background: rgba(255,255,255,.7); padding: 0 10px; border: 2px solid #ffa200; border-radius: 8px; overflow: hidden;}
.i_b13_r li em textarea{display: block; width: 440px; height: 178px; line-height: 24px; font-size: 18px; background: rgba(255,255,255,.7); padding: 10px; border: 2px solid #ffa200; border-radius: 8px;}
.i13_sub{margin-top: 6px;}
.i_b13_r li.i13_sub em{overflow: hidden;}
.i_b13_r li input[type="submit"]{display: block; width: 164px; height: 34px; line-height: 34px; text-align: center; background: #ffa200; cursor: pointer; letter-spacing: 5px; text-indent: 5px; font-size: 16px; color: #fff; border-radius: 6px; float: left; margin-right: 40px;}
.i_b13_r li.i13_sub em a{display: block; width: 164px; height: 34px; line-height: 34px; background: url(../images/qqzx_bg.png) no-repeat 26px center; background-color: #ffa200; cursor: pointer; letter-spacing: 5px; text-indent: 54px; font-size: 16px; color: #fff; border-radius: 6px; float: left;}
/*底部*/
.footer{background: #747474; padding: 40px 0 30px 0; color: #fff;}
.footer a{color: #fff;}
.footer a:hover{color: #ffa200;}
.foot_i1{width: 160px; float: left;}
.foot_logo{width: 135px;}
.foot_logo img{width: 100%; margin-top:45px;}
.foot_i1 p{line-height: 24px; padding: 4px 0;}
.foot_i1 p.p1{font-size: 16px;}
.foot_i2{width: 760px; float: left; padding: 0 27px; border-left: 1px solid #fff; border-right: 1px solid #fff; margin-left: 16px; margin-top: 20px; font-size: 15px;}
.foot_i2 p{line-height: 24px; padding: 4px 0;}
.foot_i3{width: 140px; height: 140px; float: right;}
.foot_wx img{width: 140px; height: 140px;}
.foot_wx_text{ text-align:center;}


.linkbg{ float:left; width:100%; background:#4c4c4c; min-height:55px; padding-top:15px; }
.link{ color:#fff;}
.link > i{display: block; width: 60px; line-height: 30px; position: absolute; left: 0; top: 0; font-size: 18px; font-weight: 500; text-transform: uppercase; white-space: nowrap;}
.link ul{padding-left: 70px; min-height:30px;}
.link li{float: left; padding-right: 34px;  line-height: 30px; margin-bottom: 4px; font-size: 14px;}
.link li a{ color:#fff;}

/*首页*/

.i_title{text-align: center; letter-spacing: 2px; text-indent: 2px;}
.i_title h2{font-size: 28px;}
.i_title h2 span{color: #0773da;}
.i_title p{font-size: 16px; color: #737373; margin-top: 10px;}


/*CSS pageinfo style pagination*/
.pageinfo_box{ float:left;width:100%; margin:20px 0; overflow: hidden;}
.pageinfo {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:3px;  text-align: center; line-height:25px; font-size:14px; }
.pageinfo a {border: #333 1px solid; padding-right: 5px;padding-left: 5px; padding-bottom: 2px; margin: 2px;  color: #333; padding-top: 2px;  text-decoration: none}
.pageinfo a:hover {border: #333 1px solid;color: #333; }
.pageinfo a:active {border: #333 1px solid;color: #333;}
.pageinfo .thisclass {border: #333 1px solid; padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; color: #fff; padding-top: 2px;  background-color: #333}
.pageinfo .disabled {border: #333 1px solid;padding-bottom: 2px; padding-right: 5px;padding-left: 5px; color: #333; margin-right: 2px; padding-top: 2px; }
.pageinfo strong{color: #333; padding:0 3px;}

.pageinfo span{ background:#fff;}
.pageinfo span a{ color:#F00}


.foot_news{float: left; width:890px; margin-top:10px; overflow:hidden; border:1px solid #ececec; margin-bottom:10px;}
.foot_news ol{float: left; width:890px; line-height:40px; font-size:18px; height:50px; background:url(../images/new_tit.jpg) no-repeat left bottom; }
.foot_news ol h2{float:left; padding-left:20px; font-size:20px; height:40px; line-height:40px; font-weight:normal;  }
.foot_news ol h3{float:right; font-weight:normal; text-transform:uppercase; font-size:14px; padding-right:15px;}
.foot_news ul {float:left;width:890px;overflow:hidden;margin-top:10px; padding-bottom:10px; }
.foot_news ul li{float:left;width:390px;overflow:hidden; height:30px; line-height:30px; font-size:12px; padding-left:35px; margin-left:15px; border-bottom:1px solid #f2f2f2; background:url(../images/left_bg_r.png) no-repeat 20px 10px;}
 
 
   
.solutionlist{ float:left; width:890px;overflow:hidden; margin-top:15px;}
.solutionlist ol{ float:left;width:890px;overflow:hidden; }
.solutionlist ol li{float:left;width:850px; padding:18px;overflow:hidden; margin-top:15px; border:1px solid #d7d7d7; border-bottom:3px solid #d7d7d7;transition: all .6s ease;}
.solutionlist ol li img{float:left;width:250px; height:170px; margin-right:20px; }
.solutionlist ol li p{float:left;width:570px;height:35px;line-height:30px;font-size:18px; color:#2196f3; font-weight:normal; border-bottom:1px dashed #CCC }
.solutionlist ol li span{float:left;width:570px; padding-top:10px;line-height:26px; font-size:14px; color:#747474;font-weight: normal; }
.solutionlist ol li:hover p{ color:#0377e1; }
.solutionlist ol li:hover{float:left;width:850px; padding:18px;overflow:hidden; margin-top:15px; border:1px solid #2196f3; border-bottom:3px solid #2196f3;transition: all .6s ease;}
.solutionlist ol li .more{float:left;width: 120px; height:34px;text-align: center; line-height:34px;font-size: 14px;color: #2196f3; background: url(../images/main_bg1.jpg) no-repeat left 10px;}

 
 
 
 
 
.newslist{ float:left; width:890px;overflow:hidden; margin-top:15px;}
.newslist ol{ float:left;width:890px;overflow:hidden; }
.newslist ol li{float:left;width:850px; padding:18px;overflow:hidden; margin-top:15px; border:1px solid #d7d7d7; border-bottom:3px solid #d7d7d7;transition: all .6s ease;}
.newslist ol li img{float:left;width:200px; height:150px; margin-right:20px; }
.newslist ol li p{float:left;width:630px;height:35px;line-height:30px;font-size:18px; color:#2196f3; font-weight:normal; border-bottom:1px dashed #CCC }
.newslist ol li span{float:left;width:630px; padding-top:10px;  line-height:28px; font-size:14px; color:#747474;font-weight: normal; }
.newslist ol li:hover p{ color:#0377e1; }
.newslist ol li:hover{float:left;width:850px; padding:18px;overflow:hidden; margin-top:15px; border:1px solid #2196f3; border-bottom:3px solid #2196f3;transition: all .6s ease;}
.newslist ol li .more{float:left;width: 120px; height:34px;text-align: center; line-height:34px;font-size: 14px;color: #2196f3; background: url(../images/main_bg1.jpg) no-repeat left 10px;}


/*.newslist .cba{ background:#f2f2f2;}
.newslist .cba:hover{ background:#f5f5f5;}
.newslist .abc{ background:#fff;}
.newslist .abc:hover{ background:#f5f5f5;}
*/


/*Feedback*/

.message{line-height: 200%; width:660px; margin-left:100px; margin-top:70px; padding-bottom: 10px; background: #fff; overflow:visible;}
.message h1{text-align: right; font-size:15px; padding-right:20px; 	padding-top: 30px;}
#txly{padding-top: 10px; padding-bottom:20px;}
#tianxieone{ float: left;width:620px;padding-top: 5px; padding-bottom: 5px; padding-left: 50px; padding-right: 50px; height: 26px;}
#tianxietwo{ float: left;width:80px; text-align: right; padding-right: 8px;}
#tianxiethree{float: left; width:530px;}
#tianxiethree input{width: 500px; border: 1px #ddd solid; height: 24px; line-height: 24px;}
#tianxiethree .yzm{width: 80px;}

#tfour{float:left;padding-top: 5px; padding-bottom: 5px; padding-left: 50px; width:610px; padding-right: 50px; height: 82px;}
#tfourtwo{width: 80px; text-align: right; padding-right: 8px; float: left;}
#tfive{float: right; width: 522px;}
#tfive textarea{width:500px; border: 1px #ddd solid; height: 80px; line-height: 24px;}
#liuyanshenming{ float:left; padding:20px 55px; width:550px; padding-top: 20px;}
#lytijiao{ float:left;padding-left: 138px; width:522px; padding-top: 20px;}
#lytijiao input{background: url(../images/search_btn.jpg) no-repeat; height: 26px; line-height: 26px; width: 76px; text-align:center;  border: 0px none; font-size: 14px;}
.red { color:#F00}
#ckly{padding: 20px; padding-bottom: 0px;}
#ckly dl{border: 1px #ddd solid;}
#ckly dt{height: 32px; line-height: 32px; border-bottom: 1px #ddd solid; background: #F6F6F6; padding-left: 6px; padding-right: 6px;}
#ckly dt span{padding-left: 6px; padding-right: 6px;}
#ckly dd{padding: 12px;}
#ckly .ly{padding-bottom: 10px;}
#ckly .hf{	border: 1px #ccc solid; background: #f3f3f3; padding: 12px;}
#ckly .hf h3{font-weight: normal;}

.menu_child  a.active, .menu_child li a:hover{color: #0773da;}
.menu_child li a.eji{line-height: 24px;height: 24px;background: none;}
.menu_child li a{border-bottom: none !important;}
.menu_child li {box-sizing: border-box;border-bottom: 1px solid #cfcfcf;padding-bottom: 8px;}


.nav .content{overflow: visible;}
.subnav {width:200px;background:#ffffff;font-size:12px;text-align:left;position:absolute;left:50%;transform: translateX(-50%);top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 0 16px -4px rgba(0,0,0,.3);margin-top:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;z-index:44;}
.subnav ol {padding:12px 0;}
.subnav ol li{width: 100%;margin: 0 !important;padding: 0;}
.nav li .subnav a {transition: .3s; padding: 0 10px;box-sizing: border-box; width: 100%; display:block;height:50px;line-height:50px;color:#333 !important;font-size: 14px;text-align: center;}
.nav li .subnav a:hover {background:#0773da;color:#fff!important;}
.nav ul > li:hover .subnav {height:auto;opacity:1;visibility:visible;margin-top:0;}
.subnav.hide{display: none;}





.layui-layer-video{max-width: 1000px;}
.layui-layer-video video{display: block;width: 100%;}

.xsec1{padding: 60px 0;}
.dcpBox{height: 550px;background-position: center;margin: 50px 0 0px;}
.xsec1 .i_title p{color: #737373;}
.indVideo{position: relative;cursor: pointer;margin-top: 30px;}
.indVideo img{width: 100%;}
.indVideo::before{content: "";display: block;width: 88px;height: 88px;background: url(../images/videoOpen.png);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}



.pagesDiv {clear:both;width:100%;margin:0 auto;line-height:25px;padding:10px 0px 50px 0px;}
.pages {height:30px;color:#666666;margin-top:5px;text-align:center;}
.pages a:link,.pages a:visited {color:#666666;}
.pages a,.pages a:link {text-decoration:none;padding:2px 5px;border:1px solid #DDDDDD;background:#FFFFFF;margin:0px 2px;font-size:12px;color:#666666;text-align:center;}
.pages a:hover {background:#FB9007;color:#FFFFFF;border:1px solid #0080ff;text-decoration:none;text-align:center;padding:2px 5px;}
.pages .cpb {font-weight:bold;color:#FFFFFF;background:#FB9007;border:1px solid #0080ff;text-align:center;margin:0px 2px;padding:2px 5px;}
.pages .intext {width:30px;border:1px solid #7F9DB9;height:19px;line-height:19px;}
.pagination {text-align:center;}
.pagination li {display:inline-block;color:#333333;margin:0px 5px 0px 0px;vertical-align:middle;}
.pagination li a {float:left;display:block;height:25px;line-height:25px;padding:0 10px;font-size:13px;border:1px solid #dddddd;color:#555555;text-decoration:none;}
.pagination li a:hover {background:#FB9007;color:#ffffff;}
.pagination li a.thisclass {background:#FB9007;color:#ffffff;border:1px solid #0080ff;cursor:default;}
.pagination li a.thisclass:hover {background:#FB9007;color:#ffffff;border:1px solid #0080ff;cursor:default;}
.pagination li .pageinfo {line-height:21px;padding:12px 10px 12px 16px;color:#999999;}
.pagination li .pageinfo strong {color:#555555;font-weight:normal;}
.pagination table {text-align:center;margin:10px 0px 0px 25%;}
.pagination table td {padding:0px 2px;}
#pages {text-align:right;}
#pages a {display:inline-block;height:33px;line-height:30px;background:#ffffff;border:1px solid #e3e3e3;text-align:center;color:#333333;padding:0 14px;}
#pages a.a1 {background:url('../images/pages.png') no-repeat 0 5px;padding:0 5px;}
#pages a:hover {background:#f1f1f1;color:#000000;text-decoration:none;}
#pages span {display:inline-block;height:33px;padding:0 14px;line-height:30px;background:#0080ff;border:1px solid #0080ff;color:#ffffff;text-align:center;}
#pages .noPage {display:inline-block;height:22px;line-height:22px;background:url('../images/titlebg.png') repeat-x 0 -55px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}